<template>
	<div class="index" style="font-size: 14px; color: #666;" >



    <div style="padding: 5px 10px; font-weight: bold; font-size: 18px;" class="flexc">
      基本信息
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">机构性质：</div>
      <el-select v-model="all.value" style="width: 250px;" placeholder="请选择机构性质">
          <el-option label="高校" value="1"></el-option>
          <el-option label="教育机构" value="2"></el-option>
          <el-option label="企业" value="3"></el-option>
      </el-select>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">机构名称（中文）：</div>
      <el-input v-model="all.name" style="width: 250px; " @input="change1()" placeholder="请输入内容"></el-input>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">机构名称（拼音/英文）：</div>
      <el-input v-model="all.name" style="width: 250px; " @input="change1()" placeholder="请输入内容"></el-input>
    </div>



    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">地址（中文）：</div>
      <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
    </div>

    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">机构情况及考试需求情况简介：</div>
      <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
    </div>

    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">统一社会信用代码：</div>
      <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">法人姓名（中文）：</div>
      <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">法人姓名（拼音/英文）：</div>
      <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
    </div>

    <div style="padding: 5px 10px; font-weight: bold; font-size: 18px; margin-top: 20px;" class="flexc">
      联系信息
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">通讯地址（中文）：</div>
      <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">通讯地址（拼音/英文）：</div>
      <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">邮编：</div>
      <el-input v-model="all.name2" style="width: 250px; " placeholder="请输入内容"></el-input>
    </div>

    <div style="padding: 5px 10px; font-weight: bold; font-size: 18px; margin-top: 20px;" class="flexc">
      材料上传
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">营业执照/事业单位法人证书：</div>
      <div><chuantu></chuantu></div>
    </div>
    <div style="padding: 5px 10px; font-size: 14px; color: #999;">请上传考试相关情况说明及照片佐证。例如：考试教室数量及内部情况、 听力考试播放音响设备、口语考试教室、口语备考教室等</div>

    <!-- <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">单次考试人数：</div>
      <el-input v-model="all.name2" type="number" style="width: 250px; " placeholder="请输入单次考试人数"></el-input>
    </div> -->
    <div style="padding: 5px 10px; font-weight: bold; font-size: 18px; margin-top: 20px;" class="flexc">
      项目负责人信息
    </div>

    <div style="padding: 5px 10px;" class="flexc"><div style="width: 180px; text-align: right; margin-right: 30px;">姓名（中文）：</div><el-input v-model="all.name" style="width: 250px; " @input="change1()" placeholder="请输入内容"></el-input></div>
    <div style="padding: 5px 10px;" class="flexc"><div style="width: 180px; text-align: right; margin-right: 30px;">姓名（拼音/英文）：</div><el-input v-model="all.name2" disabled style="width: 250px; " placeholder="请输入内容"></el-input></div>
    <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">性别:</div>
        <div>
          <el-radio v-model="all.radio" label="1">男</el-radio>
          <el-radio v-model="all.radio" label="2">女</el-radio>
        </div>
    </div>

    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">证件:</div>
      <el-select v-model="value" style="width: 250px;" placeholder="请选择证件类型">
          <el-option label="身份证" value="1"></el-option>
          <el-option label="护照" value="2"></el-option>
      </el-select>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">请输入证件号码:</div>
        <el-input v-model="all.name2" style="width: 250px;" placeholder="请输入证件号码"></el-input>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">身份证正面：</div>
      <div><chuantu></chuantu></div>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
      <div style="width: 180px; text-align: right; margin-right: 30px;">身份证反面：</div>
      <div><chuantu></chuantu></div>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">电子邮箱:</div>
        <el-input v-model="all.name2" style="width: 250px;" placeholder="请输入证件号码"></el-input>
    </div>
    <div style="padding: 5px 10px;" class="flexc">
        <div style="width: 180px; text-align: right; margin-right: 30px;">手机号:</div>
        <el-input v-model="all.name2" style="width: 250px;" placeholder="请输入证件号码"></el-input>
    </div>


    <div style="padding: 5px 10px;"><el-button type="primary">保存信息</el-button></div>
	</div>
</template>

<script>
  import chuantu from '../../components/chuantu.vue'
	export default {
		name: 'index',
    components:{
      chuantu
    },
		data() {
			return {
        all:{
          name:"",
          name2:""
        }
			}
		},
		created() {

		},
		mounted() {

		},
		methods: {
      change1:function(){
        this.all.name2 = pinyinPro.pinyin(this.all.name, { toneType: 'none' })


      }
    }
	}
</script>


<style scoped >

</style>
